body{
    background-color: rgb(218, 251, 222);
}
.nav{
    width: 900px;
    height: 40px;
    color: white;
    text-align: center;
    margin: 0 0 0 280px;
    
    /* margin-left:280px; */
    /* background-color: brown; */
}

nav{
    background: rgb(1, 172, 1);
    height: 42px;
}
.nav ul li{
    list-style: none;
    float: left;
    width: 150px;
    height: 40px;
    background-color: green;
    border: 1px solid rgb(107, 84, 84);
    display: inline;
}

.nav ul li a{
    color: white;
    text-decoration: none;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    padding: 2px 23px; 
    font-size: 17px;
    font-family: Tahoma;
}


.nav #introduce:hover{
    color:rgb(33, 244, 33);
}
.nav #vd:hover{
    color: rgb(33, 244, 33);
}
.nav #assess:hover{
    color: rgb(33, 244, 33);
}
.nav #active:hover{
    color: rgb(33, 244, 33);
}
.box{
    font-family: 'Times New Roman', Times, serif;
    
}

.box-left{
    /* background: pink; */
    float: left;
}

.box-left ol ul{
    color: coral;
    font-weight: bold;
}

hr{
    background-color: aquamarine;
}

h2{
    color:rgba(255, 80, 80, 0.867);
}

#self{
    font-size: larger;
    margin-right: 32px;
    /* display: inline-block; */
    text-decoration: underline;
    text-indent: 2em;
    font-family: 宋体;
}

#font{
    font-size: larger;
    margin-right: 32px;
}

div marquee{
    float:left;
    position: relative;
    font-size: 23px;
}

div marquee:nth-child(1){
    -webkit-animation:jump 1s linear 0s infinite alternate;
}

div marquee:nth-child(2){
    -webkit-animation:jump 1s linear 0.2s infinite alternate;
}

div marquee:nth-child(3){
    -webkit-animation:jump 1s linear 0.4s infinite alternate;
}

div marquee:nth-child(4){
    -webkit-animation:jump 1s linear 0.6s infinite alternate;
}

div marquee:nth-child(5){
    -webkit-animation:jump 1s linear 0.8s infinite alternate;
}

div marquee:nth-child(6){
    -webkit-animation:jump 1s linear 1.0s infinite alternate;
}
div marquee:nth-child(7){
    -webkit-animation:jump 1s linear 1.2s infinite alternate;
}
div marquee:nth-child(8){
    -webkit-animation:jump 1s linear 1.4s infinite alternate;
}
div marquee:nth-child(9){
    -webkit-animation:jump 1s linear 1.6s infinite alternate;
}
div marquee:nth-child(10){
    -webkit-animation:jump 1s linear 1.8s infinite alternate;
}
div marquee:nth-child(11){
    -webkit-animation:jump 1s linear 2.0s infinite alternate;
}
div marquee:nth-child(12){
    -webkit-animation:jump 1s linear 2.2s infinite alternate;
}
div marquee:nth-child(8){
    -webkit-animation:jump 1s linear 2.4s infinite alternate;
}
div marquee:nth-child(13){
    -webkit-animation:jump 1s linear 2.6s infinite alternate;
}
div marquee:nth-child(14){
    -webkit-animation:jump 1s linear 2.8s infinite alternate;
}
div marquee:nth-child(15){
    -webkit-animation:jump 1s linear 3.0s infinite alternate;
}

@-webkit-keyframes jump
{
    0%{
        position:relative;
        top:0px;
        color:red;
    }
    50%{
        top:-10px;
        color:green;
    }
    100%{
        top:10px;
        color:blue;
    }
}



